<ul id="slide-out" class="side-nav nav-left" style="">
    <li><div class="user-view">
            <div class="background">
                <img src='{{URL::asset("/images/background03.jpg")}}'>
            </div>
            <a href="#!user"><img class="circle" src='{{URL::asset("/images/header/ball.jpg")}}'></a>
            <a href="#!name"><span class="white-text name">沐晚风</span></a>
            <a href="#!email"><span class="white-text email">jinjie12@outlook.com</span></a>
        </div>
    </li>
    <li class="no-padding">
        <ul class="collapsible collapsible-accordion">
            <li>
                <a class="collapsible-header cate-down">分类<i class="material-icons">format_list_bulleted</i></a>
                <div class="collapsible-body">
                    <ul>
                        <?php $cates = \App\Services\CategoryService::cates()?>
                        @foreach($cates as $cate)
                        <li class="cate-item"><a href="{{url('client/index').'?cate='.$cate->name}}"><i class="material-icons">{{$cate->icons}}</i>{{$cate->name}}</a></li>
                            @endforeach
                    </ul>
                </div>
            </li>
        </ul>
    </li>
    <li><a href="#!"><i class="material-icons">cloud</i>云云云</a></li>
    <li><a href="#!">普通的按钮</a></li>
    <li><div class="divider"></div></li>
    <li><a class="subheader">beta测试</a></li>
    <li><a class="waves-effect" href="#!">波浪特效</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>
{{--<nav class="navbar-right-nav">--}}
    {{--<div class="nav-wrapper">--}}
        {{--<ul id="" class="right hide-on-med-and-down">--}}
            {{--<li><form class="input-field search-wrapper" method="{{url('client/index')}}">--}}
                    {{--<input placeholder="" name="keyword" id="search" type="text" class="validate">--}}
                    {{--<button type="submit"><i class="material-icons">search</i></button>--}}
                {{--</form>--}}
            {{--</li>--}}
            {{--<li><a href=""></a></li>--}}
            {{--<li><a href="{{url('admin/index')}}">管理后台</a></li>--}}
        {{--</ul>--}}
    {{--</div>--}}
{{--</nav>--}}
<script>
    $(".button-collapse").sideNav();
    $('.cate-down').on('click',function () {
        $('.cate-item').addClass('animated bounceLeft');
        setTimeout(function(){
            $('.cate-item').removeClass('bounceLeft');
        }, 1000);
    })
</script>